@charset "utf-8";

/* Layout */
#header { background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/layout/bg_body.gif") repeat-x 0 0; }
#header .inner { position:relative; width:1218px;  margin:0 auto; *zoom:1; }
#header .inner:after { content:""; display:block; clear:both; }
#header .topArea { height:112px; padding:83px 0 0; text-align:center; *zoom:1; }
#header .topArea:after { content:""; display:block; clear:both; }
#header .special { float:left; border-left:1px solid #d8d8d8; }
#header .special li { float:left; }
#header .special a { display:block; height:20px; padding:16px 15px 9px; border-right:1px solid #d8d8d8; color:#353535; text-decoration:none; }
#header .special a:hover { color:#008bcc; padding-bottom:7px; border-bottom:2px solid #008bcc; }
#header .link { position:absolute; left:0; top:0; height:35px; line-height:35px; }
#header .link > a,
#header .link > span { float:left; }
#header .link > a { margin:0 9px 0 0; padding:0 10px 0 0; color:#666; text-decoration:none; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/layout/ico_util2.gif") no-repeat 100% 12px; }
#header .link > span img { vertical-align:middle; }
#header .link .xans-layout-bookmark span { padding-left:17px; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/layout/ico_bookmark.gif") no-repeat 0 1px; }

#wrap { position:relative; width:1460px; margin:27px auto 0; }
#container { width:1218px; margin:0 auto; *zoom:1; min-height:100% }
#container:after { content:""; display:block; clear:both; }
#sidebar { float:left; width:180px; }
#sidebar .banner { padding:0 0 20px; border-bottom:1px solid #e8e8e8; }
#sidebar .banner p a { display:block; }
#contents { float:right; width:1014px; }
#banner { position:absolute; top:0; left:0; width:90px; }
#quick { position:absolute; top:0px; left:-150px; width:150px; }
#quick .banner a { display:block; margin:15px 0 0; }

#footer { background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/layout/bg_footer.gif") repeat-x 0 100%; }
#footer .inner { overflow:hidden; position:relative; width:1218px; margin:40px auto 0; *zoom:1; }

/* Main */
#boardArea { overflow:hidden; margin:50px 0 0; border-top:1px solid #d8d8d8; }
#bannerArea { margin:22px 0 0; }
#bannerArea h2 { margin:0 0 16px; font-weight:normal; font-size:20px; font-family:Arial, "돋움", Dotum, sans-serif; color:#000; text-align:center; }

/* 탐색경로바 */
.path { overflow:hidden; height:30px; line-height:30px; *zoom:1; }
.path h2 { overflow:hidden; position:absolute; width:0; height:0; white-space:nowrap; text-indent:100%; }
.path ol { float:right; }
.path li { float:left; padding:0 0 0 12px; margin:0 0 0 8px; color:#757575; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/common/ico_path.gif") no-repeat 0 10px; }
.path li:first-child { background:none; }
.path li a { color:#757575; }
.path li strong,
.path li strong a { color:#2e2e2e; }

/* 타이틀 */
.titleArea { min-height:50px; margin:10px 0 20px; background:url("../../../img/img_splitBar.png") no-repeat }
.titleArea h2 { display:inline-block; padding:0 0 0 10px; color:#000; font-size:16px; *display:inline; *zoom:1;}
.titleArea p { display:inline-block; margin:0 0 0 6px; padding:0 0 0 10px; color:#000; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/common/ico_title.gif") no-repeat 0 0; *display:inline; *zoom:1; }
.titleArea ul { padding:5px 0; color:#000; line-height:18px; }
.titleArea ul li { padding:0 0 0 9px; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/common/ico_info.gif") no-repeat 4px 7px; }

/* 이용안내 */
.help { margin:40px 0 20px; border:1px solid #009000; line-height:18px; }
.help h3 { padding:9px 0 6px 10px; border-bottom:1px solid #009000; color:#000; font-size:12px; background:#4fc17f; }
.help .content { padding:0 9px 12px ; }
.help .content h4 { margin:22px 0 -4px; color:#000; font-size:12px; font-weight:normal; }
.help .content h4:first-child { margin-top:13px; }
.help .content p { margin:15px 0 0 10px; color:#757575; }
.help .content ul { margin:15px 0 0 11px; }
.help .content li { padding:0 0 0 25px; color:#000; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/common/ico_number.png") no-repeat; }
.help .content li.item1 { background-position:-484px 0; }
.help .content li.item2 { background-position:-434px -100px; }
.help .content li.item3 { background-position:-384px -200px; }
.help .content li.item4 { background-position:-334px -300px; }
.help .content li.item5 { background-position:-284px -400px; }
.help .content li.item6 { background-position:-234px -500px; }
.help .content li.item7 { background-position:-184px -600px; }
.help .content li.item8 { background-position:-134px -700px; }
.help .content li.item9 { background-position:-84px -800px; }
.help .content li.item10 { background-position:-34px -900px; }

/* 게시판 메인 */
.boardMain { overflow:hidden; *zoom:1; }
.boardMain td img { vertical-align:middle; margin:1px; }
.boardMain .board { margin:0 0 65px; }
.boardMain .leftArea { float:left; width:50%; }
.boardMain .leftArea .board { margin:0 23px 65px 0; }
.boardMain .rightArea { float:right; width:50%; }
.boardMain .rightArea .board { margin:0 0 65px 23px; }

/* 마이쇼핑 메인 */
#myshopSplitBar {
    width:100%;
    margin-top:20px;
    border-bottom:1px solid #009000; color:#000;
}
#myshopMain { 
    margin:20px 50px 50px 50px; 
    background-color:rgba(0,0,0,0.5);
}

#myshopList {
    float:left; 
    margin-top:15px; margin-left:50px; margin-bottom:15px;
}